<template>
  <div>
    <input ref="myInp" type="text" placeholder="这是一个输入框" v-if="isShow">
    <button v-else @click="btn">点击我进行搜索</button>
  </div>
</template>

<script>
export default {
data(){
  return {
    isShow:false
  }
},
methods:{
  btn(){
    this.isShow = true;
  this.$nextTick(()=>{
    this.$refs.myInp.focus()
  })
  }
}
}
</script>

<style>

</style>
